<template>
    <div class="lists">
        <div class="left l">
            <h2 class="h2">
                <span>通知公告</span>
                <a href="###">更多</a>
            </h2>
            <ul class="news_ul">
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
            </ul>
        </div>
        <div class="right r">
            <h2 class="h2">
                <span>政策法规</span>
                <a href="###">更多</a>
            </h2>
            <ul class="news_ul">
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
                <li>
                    <a href="###" class="l">退役军人事务部中央军委政治工作部关于做好新年春节期间拥军优属拥政爱民工作的通知</a>
                    <span class="r">2018-12-25</span>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.lists{
    overflow: hidden;
}
.lists>div{
    width: 540px;
    height: 300px;
    border:1px solid #e3e3e3;
    padding:10px 23px 15px;
}
.lists .h2{
    font-size:14px;
    margin-bottom:6px;
}
.lists .h2 a{
    float: right;
    line-height: 40px;
    color:#999;
}
.lists .news_ul{
    width: 515px;
}
.lists .news_ul>li a{
    width: 320px;
    float: left;
}
</style>